<?php 
require_once '../includes/includes.php';
conexion();
include ("seguridad.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title><?php titulopanel();?></title>


<link rel="STYLESHEET" type="text/css" href="estilo.css" />
<link type="text/css" href="<?php echo $DIRECTORY; ?>plugins/jquery_ui/css/smoothness/jquery-ui-1.8.13.custom.css" rel="Stylesheet" />   

<script type="text/javascript" src="<?php echo $DIRECTORY; ?>plugins/jquery.js"></script>
<script type="text/javascript" src="<?php echo $DIRECTORY; ?>plugins/jquery_ui/js/jquery-ui-1.8.13.custom.min.js"></script>
 


<script type="text/javascript">
$(document).ready(function(){
	$("ul#archivos").sortable({ placeholder: "ui-state-highlight",opacity: 0.6, cursor: 'move', update: function() {
		var order = $(this).sortable("serialize");
		$.post("order.php", order, function(respuesta){
			$(".msg").html(respuesta).fadeIn("fast").fadeOut(2500);
		});
	}
	});
});</script>
<!--  start nav-outer-repeat................................................... END -->

<style type="text/css">

ul #archivos{
	list-style:none;
	margin: 0px 0 10px 0 ;
	padding: 0;
}
.archi{
	display:block;
	background:#F6F6F6;
	border:1px solid #CCC;
	color:#16AEC5;
	margin-top:7px;
	margin-left:5px;
	height:15px;
	padding:5px;
	width:500px;
}
.ui-state-highlight{ background:#FFF0A5; border:1px solid #FED22F}
.msg{
	color:#0C0;
	font:normal 11px Tahoma
}

</style>




</head>

<body>
<div id="contenedor">
	<div id="encabezado"><?php include('header.php') ?></div><!--fin de encabezado-->

	<div id="content_center">

	<div id="menuizquierda"><?php include('menu.php') ?></div>	<!--fin de menuizquierda-->	
	<div id="content">
		<div id="sub_content_0">
			<div id="sub_content">
				<h2>Portada</h2>
			</div>
		</div>		
		<div id="subcontent2">

			<div class="help" style="width:410px; padding:8px 8px"> Presione y arrastre las noticias para ubicarlas en la posición deseada.</div>



<div class="msg" style="margin: 0 0 5px 0"></div>
<div ="pagina" style="width:800px; height:452px; background-image: url(images/back_portada.png);" >
<br/>
	



<?php


$resfiles = mysql_query("select * from news order by id desc, orden desc limit 12");
$nada = 1;


if($nada!=0){
	$con=0;
	if(mysql_num_rows($resfiles) != 0){
		
		echo '<ul id="archivos" >';
		while($row = mysql_fetch_array($resfiles)){


		
		$impresos++; //me va aumentando por cada uno asi despues puedo usar para la PAGINACION

		$id = $row['id'];			
		$title = $row['title'];			
		
		echo '<li class="archi" id="archivo-'.$id.'">'.$title.'</li>';
		
		
		$con++;
	}
	echo '</ul>';
	mysql_free_result($resfiles);

	}
	else{

		echo '<tr><td></td><td>No se encontaron informes</td></tr>';

	}
}
?>
			
	</div>

		</div><!-- fin subcontent2 -->
			
		


 
	</div><!--fin de content-->

</div><!--fin de content center-->

	<div id="piepagina"><?php include 'pie.php'; ?></div>	<!--fin de piepagina-->

</div>	<!--fin de contenedor-->





</body>
</html>